﻿<!DOCTYPE html>
<html lang="zh-CN" ng-app="taoqiApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="description" content="天然气行业第三方交易平台">
    <meta name="keywords" content="517淘气网，天然气交易平台，天然气物流，天然气行情">
    <title>在途气</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>

    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js" defer async="async"></script>
      <script src="js/respond.min.js" defer async="async"></script>
    <![endif]-->
    <style>
        select {
            -moz-appearance: none;
            -webkit-appearance: none;
            background: url(images/select.png) scroll right no-repeat;
        }

            select::-ms-expand {
                display: none;
            }
            .layui-layer-btn a {
                width:135px !important;
            }
    </style>

</head>

<body ng-controller="baseController" ng-init="InitByCookie()">
    <div id="placeHolderHeader" ng-include src="headerHtml"></div>

    <div class="container" id="mainBody">
        <!--卖气报价区域-->
        <div class="tableStyle1">
            <div class="titleBar">
                <img class="titleBarimg" src="images/titleBarimg.png" />
            </div>
            <!--查询区域-->
            <div id="searchBar" class="borderStyle6" ng-init="isSearch=true;">
                <form class="form-inline">
                    <div class="form-group" style="margin-top:0.5em;">
                        <label class="overflow">目标地</label>
                        <div class="searchBar dropdown inline">
                            <div class="landSearch overflow" data-toggle="dropdown" data-target="#">
                                <span ng-if="entity.LandName" ng-bind="entity.LandName"></span>
                                <span ng-if="!entity.LandName" class="colorGray">请选择到岸地</span>
                                <span class="dropDownRight">
                                    <img src="images/select.png" style="margin-top:-0.2em;margin-right:-0.28em;" />
                                </span>
                            </div>
                            <div class="dropdown-menu panel" data-panel='plants'>
                                <ul class="nav nav-tabs">
                                    <li ng-class="{active:tabLand===0}"><a data-toggle="tab" data-target="#" ng-click="getProvinces($event)">省份</a></li>
                                    <li ng-class="{active:tabLand===1}"><a data-toggle="tab" data-target="#" ng-click="getCities($event)">城市</a></li>
                                </ul>
                                <ul class="nav nav-pills">
                                    <li ng-repeat="item in baseData.Province" ng-if="tabLand === 0 && baseLoaded">
                                        <a ng-click="provinceSelect($event, item)">{{item.C_ProvinceName}}</a>
                                    </li>
                                    <li ng-repeat="item in cities" ng-if="tabLand === 1 && baseLoaded">
                                        <a ng-click="citySelect2(item)">{{item.C_CityName}}</a>
                                    </li>
                                    <li ng-if="!baseLoaded"><img src="/images/loading.gif" /></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>类别</label>
                        <select class="searchBar" ng-change="gasChange(true)" ng-model="entity.C_GasTypeID"
                                ng-options="item.NAME as item.DISPLAY_NAME for item in baseData.GasType">
                            <option value="">不限</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>品种</label>
                        <select class="searchBar" ng-change="gasChange(true)" ng-model="entity.C_GasVarietyID"
                                ng-options="item.NAME as item.DISPLAY_NAME for item in baseData.GasVariety">
                            <option value="">不限</option>
                        </select>
                    </div>
                    <div class="form-group" ng-show="entity.C_GasVarietyID">
                        <label class="overflow">气源地</label>
                        <div class="searchBar dropdown inline">
                            <div class="deliverySearch overflow" data-toggle="dropdown" data-target="#">
                                <span ng-if="entity.DeliveryName" ng-bind="entity.DeliveryName"></span>
                                <span ng-if="!entity.DeliveryName" class="colorGray">请选择气源地</span>
                                <span class="dropDownRight">
                                    <img src="images/select.png" style="margin-top:-0.3em;margin-right:-0.28em;" />
                                </span>
                            </div>
                            <div id="delivery" data-panel='plants' class="dropdown-menu deliveryPanel" ng-show="entity.C_GasVarietyID != '2'">
                                <ul class="nav nav-tabs">
                                    <li ng-repeat="item in regions"><a ng-click="GetPlants($event, item)" data-toggle="tab" data-target="#">{{item}}</a></li>
                                </ul>
                                <ul class="nav nav-pills">
                                    <li ng-repeat="item in plants"><a ng-click="plantSelect(item)">{{item.C_GasSourceName}}</a></li>
                                    <li><a ng-click="plantSelect()"><span class="colorRed">不限</span></a></li>
                                </ul>
                            </div>
                            <div class="dropdown-menu deliveryPanel" ng-show="entity.C_GasVarietyID === '2'">
                                <ul class="nav nav-pills">
                                    <li ng-repeat="item in baseData.Wharf"><a ng-click="plantSelect(item)">{{item.C_GasSourceName}}</a></li>
                                    <li><a ng-click="plantSelect()"><span class="colorRed">不限</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>气化率</label>
                        <select class="searchBar" ng-change="search()" ng-model="entity.GasificationRateRange"
                                ng-options="item.NAME as item.DISPLAY_NAME for item in baseData.GasificationRate">
                            <option value="">不限</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>热值</label>
                        <select class="searchBar" ng-change="search()" ng-model="entity.CalorificValueRange"
                                ng-options="item.NAME as item.DISPLAY_NAME for item in baseData.CalorificValue">
                            <option value="">不限</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>液温</label>
                        <select class="searchBar" ng-change="search()" ng-model="entity.C_LiquidTemperature"
                                ng-options="item.NAME as item.DISPLAY_NAME for item in baseData.LiquidTemperature">
                            <option value="">不限</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btnOrange" ng-click="cancelSearch()">清除选择</button>
                    </div>
                </form>
            </div>
            <div class="table-responsive" ng-controller="transitController">
                <table class="table blueTable addright" data-ng-init="GetTransitList()">
                    <thead>
                        <tr>
                            <th>公司名称</th>
                            <th>类型</th>
                            <th>品种</th>
                            <th>气源地</th>
                            <th>气化率</th>
                            <th>热值</th>
                            <th>液温</th>
                            <th style="min-width:60px;">出发地</th>
                            <th style="min-width:60px;">目标地</th>
                            <th>车牌号</th>
                            <th>净重（吨）</th>
                            <!--<th ng-click="search(null,'C_Quantity')" class="hand">
                    装车量<br />（吨）
                    <img src="images/grid_arrow_Down.jpg" ng-if="orderBy=='C_Quantity' && orderDirection=='desc'" />
                    <img src="images/grid_arrow_Up.jpg" ng-if="orderBy=='C_Quantity' && orderDirection=='asc'" />
                    <img src="images/grid_arrow_Normal.jpg" ng-if="orderBy!='C_Quantity'" />
                </th>-->
                            <th>联系人<br />联系方式 </th>
                            <th>实时位置</th>
                            <th ng-click="search(null,'DATE_ENTERED')" class="hand">
                                上传时间
                                <img src="images/grid_arrow_Down.jpg" ng-if="orderBy=='DATE_ENTERED' && orderDirection=='desc'" />
                                <img src="images/grid_arrow_Up.jpg" ng-if="orderBy=='DATE_ENTERED' && orderDirection=='asc'" />
                                <img src="images/grid_arrow_Normal.jpg" ng-if="orderBy!='DATE_ENTERED'" />
                            </th>
                            <th style="min-width:60px;">下单</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in transitSellList">
                            <td><a href="/client.html?id={{item.SellerClientID}}" ng-bind="item.Seller"></a></td>
                            <td class="textCenter" ng-bind="item.GasTypeName"></td>
                            <td class="textCenter" ng-bind="item.GasVarietyName"></td>
                            <td class="textCenter" ng-bind="item.C_GasSourceName"></td>
                            <td class="textCenter" ng-bind="item.C_GasificationRate"></td>
                            <td class="textCenter" ng-bind="item.C_CalorificValue"></td>
                            <td class="textCenter" ng-bind="item.LiquidTemperatureName"></td>
                            <td class="textCenter" ng-bind-html="item.FromProvinceName+'<br>'+item.FromCityName"></td>
                            <td class="textCenter" ng-bind-html="item.TargetProvinceName+'<br>'+item.TargetCityName"></td>
                            <td class="textCenter" ng-bind="item.C_PlateNumber"></td>
                            <td class="textCenter" ng-bind="item.C_Tonnage"></td>
                            <!--<td class="textCenter" ng-bind="item.C_Quantity"></td>-->
                            <td class="textCenter" ng-bind-html="item.C_Driver +'<br>'+item.C_Tel"></td>
                            <td class="textCenter hidden480"><div class="icon icon_location"></div><a href="/map2.html?id={{item.C_CarID}}">地图查看</a></td>
                            <td class="silverFont" ng-bind="item.DATE_ENTERED | date:'yyyy-MM-dd' "></td>
                            <td class="textCenter">
                                <div class="btnRed" ng-if="item.TransitStatus === 0" ng-click="addTransitMy($index)">抢货</div>
                                <div ng-if="item.TransitStatus === 1">已抢</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="loading"><img src="/images/loading.gif" /></div>
                <div>
                    <ul class="pagination">
                        <li>
                            <a href="#" ng-click="paging(1)">
                                <span aria-hidden="true">首页</span>
                            </a>
                        </li>
                        <li ng-class="{'disabled':currentPageIndex == 1}">
                            <a href="#" aria-label="Previous" ng-click="search(-1,null,pageTotal)">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li ng-repeat="item in pageList" ng-class="{'active':item == currentPageIndex}"><a href="#" ng-click="paging(item)">{{item}}</a></li>
                        <li ng-class="{'disabled':currentPageIndex == pageTotal}">
                            <a href="#" aria-label="Next" ng-click="search(1,null,pageTotal)">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" ng-click="paging(pageTotal)">
                                <span aria-hidden="true">末页</span>
                            </a>
                        </li>
                    </ul>
                    <div class="pagingTotal">共{{pageTotal}}页</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">扬州圣力能源有限公司</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-2">卖家级别：</div>
                        <div class="col-md-4"></div>
                        <div class="col-md-2">企业类型：</div>
                        <div class="col-md-4"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-2">联系人：</div>
                        <div class="col-md-4"></div>
                        <div class="col-md-2">手机号：</div>
                        <div class="col-md-4"></div>
                    </div>

                    <div class="row">
                        <div class="col-md-2">Email:</div>
                        <div class="col-md-4"></div>
                        <div class="col-md-2">QQ号：</div>
                        <div class="col-md-4"></div>
                    </div>

                    <div class="row">
                        <div class="col-md-2">公司地址：</div>
                        <div class="col-md-10"></div>

                    </div>


                    <div class="panel panel-default">
                        <div class="panel-heading">企业证件</div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-6 col-md-3">
                                    <a href="#" class="thumbnail">
                                        <img alt="100%x180" src="" data-holder-rendered="true" style="height: 180px; width: 100%; display: block;">
                                    </a>
                                </div>
                                <div class="col-xs-6 col-md-3">
                                    <a href="#" class="thumbnail">
                                        <img alt="100%x180" src="" data-holder-rendered="true" style="height: 180px; width: 100%; display: block;">
                                    </a>
                                </div>
                                <div class="col-xs-6 col-md-3">
                                    <a href="#" class="thumbnail">
                                        <img alt="100%x180" src="" data-holder-rendered="true" style="height: 180px; width: 100%; display: block;">
                                    </a>
                                </div>
                                <div class="col-xs-6 col-md-3">
                                    <a href="#" class="thumbnail">
                                        <img alt="100%x180" src="" data-holder-rendered="true" style="height: 180px; width: 100%; display: block;">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>

    <div id="placeHolderFooter" ng-include src="footerHtml"></div>

    <script src="js/bootstrap.min.js" defer async="async"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-cookies.min.js"></script>
    <script src="js/angular-sanitize.min.js"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/site.js"></script>
</body>
</html>
